{% extends "web1/template.html" %}

{% block title %}yy电影首页{% endblock %}

{% block css %}
<style>
    .layui-breadcrumb a:hover {
        color: #1e9fff !important;
    }
    
</style>

{% endblock %}

{% block body %}
<div class="layui-panel">
    <div style="padding: 15px;" class="yy-media1 ">
        <div class="">
            <div class="layui-row layui-col-space15">
                <div class="layui-col-md7">
                    <div class="layui-card">
                        <div class="layui-card-body">
                            <div class="layui-carousel" id="ID-carousel-index-banner">
                                <div carousel-item>
                                    <div><img src="https://s1.ax1x.com/2023/07/10/pCRIyh4.jpg" class="yy-image-v1"
                                            alt=""></div>
                                    <div><img src="https://s1.ax1x.com/2023/07/10/pCRIwn0.jpg" class="yy-image-v1"
                                            alt=""></div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="layui-col-md5 ">
                    <div class="layui-card">
                        <div class="layui-card-body">
                            <div class="yy-media0 yy-display-flex yy-flex-justify-content-space-between">
                                <a href="#"
                                    class="yy-border-radius-5px yy-index-type-item yy-display-flex yy-flex-direction-column yy-flex-justify-content-center yy-flex-align-items-center">
                                    <span style="font-size: 25px;"
                                        class="iconfont yy-text-color4  icon-dianying"></span>
                                    <p class="yy-margin-top-15px yy-text-size-20px title">电影</p>
                                </a>
                                <a href="#"
                                    class="yy-border-radius-5px yy-index-type-item yy-display-flex yy-flex-direction-column yy-flex-justify-content-center yy-flex-align-items-center">
                                    <span style="font-size: 25px;"
                                        class="iconfont yy-text-color4  icon-dianshiju"></span>
                                    <p class="yy-margin-top-15px yy-text-size-20px title">电视剧</p>
                                </a>
                                <a href="#"
                                    class="yy-border-radius-5px yy-index-type-item yy-display-flex yy-flex-direction-column yy-flex-justify-content-center yy-flex-align-items-center">
                                    <span style="font-size: 25px;"
                                        class="iconfont yy-text-color4  icon-13maikefeng-2"></span>
                                    <p class="yy-margin-top-15px yy-text-size-20px title">综艺</p>
                                </a>
                                <a href="#"
                                    class="yy-border-radius-5px yy-index-type-item yy-display-flex yy-flex-direction-column yy-flex-justify-content-center yy-flex-align-items-center">
                                    <span style="font-size: 25px;" class="iconfont yy-text-color4  icon-dongman"></span>
                                    <p class="yy-margin-top-15px yy-text-size-20px title">动漫</p>
                                </a>
                            </div>
                            <div class="stui yy-margin-top-15px yy-media2">
                                <div class="layui-bg-gray yy-display-flex" style="padding: 16px;">
                                    <img src=""
                                        alt="">
                                    <div
                                        class="yy-display-flex yy-margin-left-15px yy-flex-direction-column yy-flex-justify-content-center">
                                        <p>扫描二维码“手机看大片”</p>
                                        <p>也可以分享到朋友圈哦！</p>
                                        <p>yy电影</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="layui-panel yy-margin-top-15px ">
    <div style="padding: 15px;" class="yy-media5">
        <div class="layui-card-header">
            <h3 class="yy-text-font-weight-400">
                <span class="iconfont icon-paixingbang"></span>
                <span>最近更新</span>
            </h3>
        </div>
        <div class="layui-card-body">
            <ul class="clearfix zuijingegnxin yy-display-flex yy-flex-justify-content-space-between yy-flex-wrap-wrap">
                <li class="clearfix-item">
                    <a href="javascript:;"
                        style="background: url('https://pic.wujinpp.com/upload/vod/20240513-1/0943426c02529164750ad2f633be3d6e.jpg') bottom no-repeat;"
                        class="yy-position-relative crad-img yy-display-block">
                        <span class="yy-position-absolute yy-absolute-b-5px-r-10px">更新到01集</span>
                        <div class=" yy-absolute-z-bgc yy-position-relative">
                            <i
                                class="yy-position-absolute iconfont icon-bofang yy-text-size-50px yy-absolute-centent yy-text-color2"></i>
                        </div>
                    </a>
                    <div class="movie_info">
                        <h4 class="yy-text-font-weight-400 elip-1">
                            <a href="#">名门绅士2：淑女之心之纯白之恋篇</a>
                        </h4>
                        <p class="elip-1 yy-margin-top-5px">Tate Henry myron,依莎亚·贺苏汪</p>
                    </div>
                </li>
                <li class="clearfix-item">
                    <a href="javascript:;"
                        style="background: url('https://pic.wujinpp.com/upload/vod/20240513-1/0943426c02529164750ad2f633be3d6e.jpg') bottom no-repeat;"
                        class="yy-position-relative crad-img yy-display-block">
                        <span class="yy-position-absolute yy-absolute-b-5px-r-10px">更新到01集</span>
                        <div class=" yy-absolute-z-bgc yy-position-relative">
                            <i
                                class="yy-position-absolute iconfont icon-bofang yy-text-size-50px yy-absolute-centent yy-text-color2"></i>
                        </div>
                    </a>
                    <div class="movie_info ">
                        <h4 class="yy-text-font-weight-400 elip-1">
                            <a href="#">名门绅士2：淑女之心之纯白之恋篇</a>
                        </h4>
                        <p class="elip-1 yy-margin-top-5px">Tate Henry myron,依莎亚·贺苏汪</p>

                    </div>
                </li>
                <li class="clearfix-item">
                    <a href="javascript:;"
                        style="background: url('https://pic.wujinpp.com/upload/vod/20240513-1/0943426c02529164750ad2f633be3d6e.jpg') bottom no-repeat;"
                        class="yy-position-relative crad-img yy-display-block">
                        <span class="yy-position-absolute yy-absolute-b-5px-r-10px">更新到01集</span>
                        <div class=" yy-absolute-z-bgc yy-position-relative">
                            <i
                                class="yy-position-absolute iconfont icon-bofang yy-text-size-50px yy-absolute-centent yy-text-color2"></i>
                        </div>
                    </a>
                    <div class="movie_info">
                        <h4 class="yy-text-font-weight-400 elip-1">
                            <a href="#">名门绅士2：淑女之心之纯白之恋篇</a>
                        </h4>
                        <p class="elip-1 yy-margin-top-5px">Tate Henry myron,依莎亚·贺苏汪</p>
                    </div>
                </li>
                <li class="clearfix-item">
                    <a href="javascript:;"
                        style="background: url('https://pic.wujinpp.com/upload/vod/20240513-1/0943426c02529164750ad2f633be3d6e.jpg') bottom no-repeat;"
                        class="yy-position-relative crad-img yy-display-block">
                        <span class="yy-position-absolute yy-absolute-b-5px-r-10px">更新到01集</span>
                        <div class=" yy-absolute-z-bgc yy-position-relative">
                            <i
                                class="yy-position-absolute iconfont icon-bofang yy-text-size-50px yy-absolute-centent yy-text-color2"></i>
                        </div>
                    </a>
                    <div class="movie_info">
                        <h4 class="yy-text-font-weight-400 elip-1">
                            <a href="#">名门绅士2：淑女之心之纯白之恋篇</a>
                        </h4>
                        <p class="elip-1 yy-margin-top-5px">Tate Henry myron,依莎亚·贺苏汪</p>
                    </div>
                </li>
                <li class="clearfix-item">
                    <a href="javascript:;"
                        style="background: url('https://pic.wujinpp.com/upload/vod/20240513-1/0943426c02529164750ad2f633be3d6e.jpg') bottom no-repeat;"
                        class="yy-position-relative crad-img yy-display-block">
                        <span class="yy-position-absolute yy-absolute-b-5px-r-10px">更新到01集</span>
                        <div class=" yy-absolute-z-bgc yy-position-relative">
                            <i
                                class="yy-position-absolute iconfont icon-bofang yy-text-size-50px yy-absolute-centent yy-text-color2"></i>
                        </div>
                    </a>
                    <div class="movie_info">
                        <h4 class="yy-text-font-weight-400 elip-1">
                            <a href="#">名门绅士2：淑女之心之纯白之恋篇</a>
                        </h4>
                        <p class="elip-1 yy-margin-top-5px">Tate Henry myron,依莎亚·贺苏汪</p>
                    </div>
                </li>
                <li class="clearfix-item">
                    <a href="javascript:;"
                        style="background: url('https://pic.wujinpp.com/upload/vod/20240513-1/0943426c02529164750ad2f633be3d6e.jpg') bottom no-repeat;"
                        class="yy-position-relative crad-img yy-display-block">
                        <span class="yy-position-absolute yy-absolute-b-5px-r-10px">更新到01集</span>
                        <div class=" yy-absolute-z-bgc yy-position-relative">
                            <i
                                class="yy-position-absolute iconfont icon-bofang yy-text-size-50px yy-absolute-centent yy-text-color2"></i>
                        </div>
                    </a>
                    <div class="movie_info">
                        <h4 class="yy-text-font-weight-400 elip-1">
                            <a href="#">名门绅士2：淑女之心之纯白之恋篇</a>
                        </h4>
                        <p class="elip-1 yy-margin-top-5px">Tate Henry myron,依莎亚·贺苏汪</p>
                    </div>
                </li>
            </ul>
            <ul class="clearfix  yy-display-flex yy-flex-justify-content-space-between yy-flex-wrap-wrap">
                <li class="clearfix-item">
                    <a href="javascript:;"
                        style="background: url('https://pic.wujinpp.com/upload/vod/20240513-1/0943426c02529164750ad2f633be3d6e.jpg') bottom no-repeat;"
                        class="yy-position-relative crad-img yy-display-block">
                        <span class="yy-position-absolute yy-absolute-b-5px-r-10px">更新到01集</span>
                        <div class=" yy-absolute-z-bgc yy-position-relative">
                            <i
                                class="yy-position-absolute iconfont icon-bofang yy-text-size-50px yy-absolute-centent yy-text-color2"></i>
                        </div>
                    </a>
                    <div class="movie_info">
                        <h4 class="yy-text-font-weight-400 elip-1">
                            <a href="#">名门绅士2：淑女之心之纯白之恋篇</a>
                        </h4>
                        <p class="elip-1 yy-margin-top-5px">Tate Henry myron,依莎亚·贺苏汪</p>
                    </div>
                </li>
                <li class="clearfix-item">
                    <a href="javascript:;"
                        style="background: url('https://pic.wujinpp.com/upload/vod/20240513-1/0943426c02529164750ad2f633be3d6e.jpg') bottom no-repeat;"
                        class="yy-position-relative crad-img yy-display-block">
                        <span class="yy-position-absolute yy-absolute-b-5px-r-10px">更新到01集</span>
                        <div class=" yy-absolute-z-bgc yy-position-relative">
                            <i
                                class="yy-position-absolute iconfont icon-bofang yy-text-size-50px yy-absolute-centent yy-text-color2"></i>
                        </div>
                    </a>
                    <div class="movie_info">
                        <h4 class="yy-text-font-weight-400 elip-1">
                            <a href="#">名门绅士2：淑女之心之纯白之恋篇</a>
                        </h4>
                        <p class="elip-1 yy-margin-top-5px">Tate Henry myron,依莎亚·贺苏汪</p>
                    </div>
                </li>
                <li class="clearfix-item">
                    <a href="javascript:;"
                        style="background: url('https://pic.wujinpp.com/upload/vod/20240513-1/0943426c02529164750ad2f633be3d6e.jpg') bottom no-repeat;"
                        class="yy-position-relative crad-img yy-display-block">
                        <span class="yy-position-absolute yy-absolute-b-5px-r-10px">更新到01集</span>
                        <div class=" yy-absolute-z-bgc yy-position-relative">
                            <i
                                class="yy-position-absolute iconfont icon-bofang yy-text-size-50px yy-absolute-centent yy-text-color2"></i>
                        </div>
                    </a>
                    <div class="movie_info">
                        <h4 class="yy-text-font-weight-400 elip-1">
                            <a href="#">名门绅士2：淑女之心之纯白之恋篇</a>
                        </h4>
                        <p class="elip-1 yy-margin-top-5px">Tate Henry myron,依莎亚·贺苏汪</p>
                    </div>
                </li>
                <li class="clearfix-item">
                    <a href="javascript:;"
                        style="background: url('https://pic.wujinpp.com/upload/vod/20240513-1/0943426c02529164750ad2f633be3d6e.jpg') bottom no-repeat;"
                        class="yy-position-relative crad-img yy-display-block">
                        <span class="yy-position-absolute yy-absolute-b-5px-r-10px">更新到01集</span>
                        <div class=" yy-absolute-z-bgc yy-position-relative">
                            <i
                                class="yy-position-absolute iconfont icon-bofang yy-text-size-50px yy-absolute-centent yy-text-color2"></i>
                        </div>
                    </a>
                    <div class="movie_info">
                        <h4 class="yy-text-font-weight-400 elip-1">
                            <a href="#">名门绅士2：淑女之心之纯白之恋篇</a>
                        </h4>
                        <p class="elip-1 yy-margin-top-5px">Tate Henry myron,依莎亚·贺苏汪</p>
                    </div>
                </li>
                <li class="clearfix-item">
                    <a href="javascript:;"
                        style="background: url('https://pic.wujinpp.com/upload/vod/20240513-1/0943426c02529164750ad2f633be3d6e.jpg') bottom no-repeat;"
                        class="yy-position-relative crad-img yy-display-block">
                        <span class="yy-position-absolute yy-absolute-b-5px-r-10px">更新到01集</span>
                        <div class=" yy-absolute-z-bgc yy-position-relative">
                            <i
                                class="yy-position-absolute iconfont icon-bofang yy-text-size-50px yy-absolute-centent yy-text-color2"></i>
                        </div>
                    </a>
                    <div class="movie_info">
                        <h4 class="yy-text-font-weight-400 elip-1">
                            <a href="#">名门绅士2：淑女之心之纯白之恋篇</a>
                        </h4>
                        <p class="elip-1 yy-margin-top-5px">Tate Henry myron,依莎亚·贺苏汪</p>
                    </div>
                </li>
                <li class="clearfix-item">
                    <a href="javascript:;"
                        style="background: url('https://pic.wujinpp.com/upload/vod/20240513-1/0943426c02529164750ad2f633be3d6e.jpg') bottom no-repeat;"
                        class="yy-position-relative crad-img yy-display-block">
                        <span class="yy-position-absolute yy-absolute-b-5px-r-10px">更新到01集</span>
                        <div class=" yy-absolute-z-bgc yy-position-relative">
                            <i
                                class="yy-position-absolute iconfont icon-bofang yy-text-size-50px yy-absolute-centent yy-text-color2"></i>
                        </div>
                    </a>
                    <div class="movie_info">
                        <h4 class="yy-text-font-weight-400 elip-1">
                            <a href="#">名门绅士2：淑女之心之纯白之恋篇</a>
                        </h4>
                        <p class="elip-1 yy-margin-top-5px">Tate Henry myron,依莎亚·贺苏汪</p>
                    </div>
                </li>
            </ul>


        </div>
    </div>
</div>


<!-- 电影 -->
<div class="layui-panel yy-margin-top-15px">
    <div style="padding: 15px;" class="yy-media5">
        <div class="layui-card">
            <div class="layui-card-header">
                <h3 class="yy-text-font-weight-400 yy-display-flex">
                    <span class="iconfont icon-dianying"></span>
                    <span class="yy-margin-left-5px">电影</span>
                    <span class="layui-breadcrumb  yy-margin-left-auto" lay-separator="|">
                        <a href="">娱乐</a>
                        <a href="">八卦</a>
                        <a href="">体育</a>
                        <a href="">搞笑</a>
                        <a href="">视频</a>
                        <a href="">游戏</a>
                        <a href="">综艺</a>
                    </span>
                    <a class="yy-margin-left-15px" href="javascript:;">
                        <span>更多</span>
                        <i class="iconfont yy-display-inline-block icon-arrow_up" style="transform: rotate(90deg);"></i>
                    </a>
                </h3>
            </div>
            <div class="layui-card-body">
                <div class="layui-row layui-col-space15">
                    <div class="layui-col-md5">
                        <div class="layui-card">
                            <div class="layui-card-header">
                                <i class="iconfont yy-text-color1 icon-superscript-"></i>
                                <span>热播版</span>
                            </div>
                            <div class="layui-card-body">
                                <div class="layui-scsa yy-display-flex">
                                    <div class="hot-banner-box yy-position-relative">
                                        <span style="color:#fff;"
                                            class=" yy-border-radius-5px yy-bgc-color4 yy-padding-lr-10px yy-absolute-tl-5px yy-position-absolute">Top1</span>
                                        <div class=" yy-absolute-z-bgc yy-position-relative">
                                            <a href="#" class="yy-position-absolute yy-absolute-centent"> <i
                                                    class=" iconfont icon-bofang yy-text-size-50px  yy-text-color2"></i></a>
                                        </div>
                                    </div>
                                    <ul class="hot-list">
                                        <li class="yy-margin-left-5px">
                                            <a href="#"
                                                class="yy-display-block yy-flex-align-items-center yy-flex-justify-content-space-around yy-display-flex hot-itema">
                                                <div class="elip-1" style="width: 70%;">
                                                    <span
                                                        class="hot-list-box yy-display-inline-block yy-margin-right-5px">1</span>
                                                    <span>飞驰生11231231223123erasdasd死2</span>
                                                </div>
                                                <div style="width: 30%;" class="yy-display-flex">
                                                    <i class="iconfont yy-margin-left-auto yy-display-inline-block icon-arrow_up"
                                                        style="transform: rotate(90deg);"></i>
                                                </div>
                                            </a>
                                        </li>
                                        <li class="yy-margin-left-5px">
                                            <a href="#"
                                                class="yy-display-block yy-flex-align-items-center yy-flex-justify-content-space-around yy-display-flex hot-itema">
                                                <div class="elip-1" style="width: 70%;">
                                                    <span
                                                        class="hot-list-box yy-display-inline-block yy-margin-right-5px">1</span>
                                                    <span>飞驰生11231231223123erasdasd死2</span>
                                                </div>
                                                <div style="width: 30%;" class="yy-display-flex">
                                                    <i class="iconfont yy-margin-left-auto yy-display-inline-block icon-arrow_up"
                                                        style="transform: rotate(90deg);"></i>
                                                </div>
                                            </a>
                                        </li>
                                        <li class="yy-margin-left-5px">
                                            <a href="#"
                                                class="yy-display-block yy-flex-align-items-center yy-flex-justify-content-space-around yy-display-flex hot-itema">
                                                <div class="elip-1" style="width: 70%;">
                                                    <span
                                                        class="hot-list-box yy-display-inline-block yy-margin-right-5px">1</span>
                                                    <span>飞驰生11231231223123erasdasd死2</span>
                                                </div>
                                                <div style="width: 30%;" class="yy-display-flex">
                                                    <i class="iconfont yy-margin-left-auto yy-display-inline-block icon-arrow_up"
                                                        style="transform: rotate(90deg);"></i>
                                                </div>
                                            </a>
                                        </li>
                                        <li class="yy-margin-left-5px">
                                            <a href="#"
                                                class="yy-display-block yy-flex-align-items-center yy-flex-justify-content-space-around yy-display-flex hot-itema">
                                                <div class="elip-1" style="width: 70%;">
                                                    <span
                                                        class="hot-list-box yy-display-inline-block yy-margin-right-5px">1</span>
                                                    <span>飞驰生11231231223123erasdasd死2</span>
                                                </div>
                                                <div style="width: 30%;" class="yy-display-flex">
                                                    <i class="iconfont yy-margin-left-auto yy-display-inline-block icon-arrow_up"
                                                        style="transform: rotate(90deg);"></i>
                                                </div>
                                            </a>
                                        </li>
                                        <li class="yy-margin-left-5px">
                                            <a href="#"
                                                class="yy-display-block yy-flex-align-items-center yy-flex-justify-content-space-around yy-display-flex hot-itema">
                                                <div class="elip-1" style="width: 70%;">
                                                    <span
                                                        class="hot-list-box yy-display-inline-block yy-margin-right-5px">1</span>
                                                    <span>飞驰生11231231223123erasdasd死2</span>
                                                </div>
                                                <div style="width: 30%;" class="yy-display-flex">
                                                    <i class="iconfont yy-margin-left-auto yy-display-inline-block icon-arrow_up"
                                                        style="transform: rotate(90deg);"></i>
                                                </div>
                                            </a>
                                        </li>
                                        <li class="yy-margin-left-5px">
                                            <a href="#"
                                                class="yy-display-block yy-flex-align-items-center yy-flex-justify-content-space-around yy-display-flex hot-itema">
                                                <div class="elip-1" style="width: 70%;">
                                                    <span
                                                        class="hot-list-box yy-display-inline-block yy-margin-right-5px">1</span>
                                                    <span>飞驰生11231231223123erasdasd死2</span>
                                                </div>
                                                <div style="width: 30%;" class="yy-display-flex">
                                                    <i class="iconfont yy-margin-left-auto yy-display-inline-block icon-arrow_up"
                                                        style="transform: rotate(90deg);"></i>
                                                </div>
                                            </a>
                                        </li>
                                        <li class="yy-margin-left-5px">
                                            <a href="#"
                                                class="yy-display-block yy-flex-align-items-center yy-flex-justify-content-space-around yy-display-flex hot-itema">
                                                <div class="elip-1" style="width: 70%;">
                                                    <span
                                                        class="hot-list-box yy-display-inline-block yy-margin-right-5px">1</span>
                                                    <span>飞驰生11231231223123erasdasd死2</span>
                                                </div>
                                                <div style="width: 30%;" class="yy-display-flex">
                                                    <i class="iconfont yy-margin-left-auto yy-display-inline-block icon-arrow_up"
                                                        style="transform: rotate(90deg);"></i>
                                                </div>
                                            </a>
                                        </li>
                                        <li class="yy-margin-left-5px">
                                            <a href="#"
                                                class="yy-display-block yy-flex-align-items-center yy-flex-justify-content-space-around yy-display-flex hot-itema">
                                                <div class="elip-1" style="width: 70%;">
                                                    <span
                                                        class="hot-list-box yy-display-inline-block yy-margin-right-5px">1</span>
                                                    <span>飞驰生11231231223123erasdasd死2</span>
                                                </div>
                                                <div style="width: 30%;" class="yy-display-flex">
                                                    <i class="iconfont yy-margin-left-auto yy-display-inline-block icon-arrow_up"
                                                        style="transform: rotate(90deg);"></i>
                                                </div>
                                            </a>
                                        </li>

                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="layui-col-md7">
                        <div class="layui-card">
                            <!-- <div class="layui-card-header">推荐</div> -->
                            <div class="layui-card-body">
                                <ul
                                    class="clearfix yy-display-flex yy-flex-justify-content-space-between yy-flex-wrap-wrap">
                                    <li class="clearfix-item">
                                        <a href="javascript:;"
                                            style="background: url('https://pic.wujinpp.com/upload/vod/20240513-1/0943426c02529164750ad2f633be3d6e.jpg') bottom no-repeat;"
                                            class="yy-position-relative crad-img yy-display-block">
                                            <span class="yy-position-absolute yy-absolute-b-5px-r-10px">更新到01集</span>
                                            <div class=" yy-absolute-z-bgc yy-position-relative">
                                                <i
                                                    class="yy-position-absolute iconfont icon-bofang yy-text-size-50px yy-absolute-centent yy-text-color2"></i>
                                            </div>
                                        </a>
                                        <div class="movie_info ">
                                            <h4 class="yy-text-font-weight-400 elip-1">
                                                <a href="#">名门绅士2：淑女之心之纯白之恋篇</a>
                                            </h4>
                                            <p class="elip-1 yy-margin-top-5px">Tate Henry myron,依莎亚·贺苏汪</p>

                                        </div>
                                    </li>
                                    <li class="clearfix-item">
                                        <a href="javascript:;"
                                            style="background: url('https://pic.wujinpp.com/upload/vod/20240513-1/0943426c02529164750ad2f633be3d6e.jpg') bottom no-repeat;"
                                            class="yy-position-relative crad-img yy-display-block">
                                            <span class="yy-position-absolute yy-absolute-b-5px-r-10px">更新到01集</span>
                                            <div class=" yy-absolute-z-bgc yy-position-relative">
                                                <i
                                                    class="yy-position-absolute iconfont icon-bofang yy-text-size-50px yy-absolute-centent yy-text-color2"></i>
                                            </div>
                                        </a>
                                        <div class="movie_info">
                                            <h4 class="yy-text-font-weight-400 elip-1">
                                                <a href="#">名门绅士2：淑女之心之纯白之恋篇</a>
                                            </h4>
                                            <p class="elip-1 yy-margin-top-5px">Tate Henry myron,依莎亚·贺苏汪</p>
                                        </div>
                                    </li>
                                    <li class="clearfix-item">
                                        <a href="javascript:;"
                                            style="background: url('https://pic.wujinpp.com/upload/vod/20240513-1/0943426c02529164750ad2f633be3d6e.jpg') bottom no-repeat;"
                                            class="yy-position-relative crad-img yy-display-block">
                                            <span class="yy-position-absolute yy-absolute-b-5px-r-10px">更新到01集</span>
                                            <div class=" yy-absolute-z-bgc yy-position-relative">
                                                <i
                                                    class="yy-position-absolute iconfont icon-bofang yy-text-size-50px yy-absolute-centent yy-text-color2"></i>
                                            </div>
                                        </a>
                                        <div class="movie_info">
                                            <h4 class="yy-text-font-weight-400 elip-1">
                                                <a href="#">名门绅士2：淑女之心之纯白之恋篇</a>
                                            </h4>
                                            <p class="elip-1 yy-margin-top-5px">Tate Henry myron,依莎亚·贺苏汪</p>
                                        </div>
                                    </li>
                                    <li class="clearfix-item">
                                        <a href="javascript:;"
                                            style="background: url('https://pic.wujinpp.com/upload/vod/20240513-1/0943426c02529164750ad2f633be3d6e.jpg') bottom no-repeat;"
                                            class="yy-position-relative crad-img yy-display-block">
                                            <span class="yy-position-absolute yy-absolute-b-5px-r-10px">更新到01集</span>
                                            <div class=" yy-absolute-z-bgc yy-position-relative">
                                                <i
                                                    class="yy-position-absolute iconfont icon-bofang yy-text-size-50px yy-absolute-centent yy-text-color2"></i>
                                            </div>
                                        </a>
                                        <div class="movie_info">
                                            <h4 class="yy-text-font-weight-400 elip-1">
                                                <a href="#">名门绅士2：淑女之心之纯白之恋篇</a>
                                            </h4>
                                            <p class="elip-1 yy-margin-top-5px">Tate Henry myron,依莎亚·贺苏汪</p>
                                        </div>
                                    </li>
                                    <li class="clearfix-item">
                                        <a href="javascript:;"
                                            style="background: url('https://pic.wujinpp.com/upload/vod/20240513-1/0943426c02529164750ad2f633be3d6e.jpg') bottom no-repeat;"
                                            class="yy-position-relative crad-img yy-display-block">
                                            <span class="yy-position-absolute yy-absolute-b-5px-r-10px">更新到01集</span>
                                            <div class=" yy-absolute-z-bgc yy-position-relative">
                                                <i
                                                    class="yy-position-absolute iconfont icon-bofang yy-text-size-50px yy-absolute-centent yy-text-color2"></i>
                                            </div>
                                        </a>
                                        <div class="movie_info">
                                            <h4 class="yy-text-font-weight-400 elip-1">
                                                <a href="#">名门绅士2：淑女之心之纯白之恋篇</a>
                                            </h4>
                                            <p class="elip-1 yy-margin-top-5px">Tate Henry myron,依莎亚·贺苏汪</p>
                                        </div>
                                    </li>
                                    <li class="clearfix-item">
                                        <a href="javascript:;"
                                            style="background: url('https://pic.wujinpp.com/upload/vod/20240513-1/0943426c02529164750ad2f633be3d6e.jpg') bottom no-repeat;"
                                            class="yy-position-relative crad-img yy-display-block">
                                            <span class="yy-position-absolute yy-absolute-b-5px-r-10px">更新到01集</span>
                                            <div class=" yy-absolute-z-bgc yy-position-relative">
                                                <i
                                                    class="yy-position-absolute iconfont icon-bofang yy-text-size-50px yy-absolute-centent yy-text-color2"></i>
                                            </div>
                                        </a>
                                        <div class="movie_info">
                                            <h4 class="yy-text-font-weight-400 elip-1">
                                                <a href="#">名门绅士2：淑女之心之纯白之恋篇</a>
                                            </h4>
                                            <p class="elip-1 yy-margin-top-5px">Tate Henry myron,依莎亚·贺苏汪</p>
                                        </div>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- 电视剧 -->
<div class="layui-panel yy-margin-top-15px">
    <div style="padding: 15px;" class="yy-media5">
        <div class="layui-card">
            <div class="layui-card-header">
                <h3 class="yy-text-font-weight-400 yy-display-flex">
                    <span class="iconfont icon-dianshiju"></span>
                    <span class="yy-margin-left-5px">电视剧</span>
                    <span class="layui-breadcrumb  yy-margin-left-auto" lay-separator="|">
                        <a href="">娱乐</a>
                        <a href="">八卦</a>
                        <a href="">体育</a>
                        <a href="">搞笑</a>
                        <a href="">视频</a>
                        <a href="">游戏</a>
                        <a href="">综艺</a>
                    </span>
                    <a class="yy-margin-left-15px" href="javascript:;">
                        <span>更多</span>
                        <i class="iconfont yy-display-inline-block icon-arrow_up" style="transform: rotate(90deg);"></i>
                    </a>
                </h3>
            </div>
            <div class="layui-card-body">
                <div class="layui-row layui-col-space15">
                    <div class="layui-col-md5">
                        <div class="layui-card">
                            <div class="layui-card-header">
                                <i class="iconfont yy-text-color1 icon-superscript-"></i>
                                <span>热播版</span>
                            </div>
                            <div class="layui-card-body">
                                <div class="layui-scsa yy-display-flex">
                                    <div class="hot-banner-box yy-position-relative">
                                        <span style="color:#fff;"
                                            class=" yy-border-radius-5px yy-bgc-color4 yy-padding-lr-10px yy-absolute-tl-5px yy-position-absolute">Top1</span>
                                        <div class=" yy-absolute-z-bgc yy-position-relative">
                                            <a href="#" class="yy-position-absolute yy-absolute-centent"> <i
                                                    class=" iconfont icon-bofang yy-text-size-50px  yy-text-color2"></i></a>
                                        </div>
                                    </div>
                                    <ul class="hot-list">
                                        <li class="yy-margin-left-5px">
                                            <a href="#"
                                                class="yy-display-block yy-flex-align-items-center yy-flex-justify-content-space-around yy-display-flex hot-itema">
                                                <div class="elip-1" style="width: 70%;">
                                                    <span
                                                        class="hot-list-box yy-display-inline-block yy-margin-right-5px">1</span>
                                                    <span>飞驰生11231231223123erasdasd死2</span>
                                                </div>
                                                <div style="width: 30%;" class="yy-display-flex">
                                                    <i class="iconfont yy-margin-left-auto yy-display-inline-block icon-arrow_up"
                                                        style="transform: rotate(90deg);"></i>
                                                </div>
                                            </a>
                                        </li>
                                        <li class="yy-margin-left-5px">
                                            <a href="#"
                                                class="yy-display-block yy-flex-align-items-center yy-flex-justify-content-space-around yy-display-flex hot-itema">
                                                <div class="elip-1" style="width: 70%;">
                                                    <span
                                                        class="hot-list-box yy-display-inline-block yy-margin-right-5px">1</span>
                                                    <span>飞驰生11231231223123erasdasd死2</span>
                                                </div>
                                                <div style="width: 30%;" class="yy-display-flex">
                                                    <i class="iconfont yy-margin-left-auto yy-display-inline-block icon-arrow_up"
                                                        style="transform: rotate(90deg);"></i>
                                                </div>
                                            </a>
                                        </li>
                                        <li class="yy-margin-left-5px">
                                            <a href="#"
                                                class="yy-display-block yy-flex-align-items-center yy-flex-justify-content-space-around yy-display-flex hot-itema">
                                                <div class="elip-1" style="width: 70%;">
                                                    <span
                                                        class="hot-list-box yy-display-inline-block yy-margin-right-5px">1</span>
                                                    <span>飞驰生11231231223123erasdasd死2</span>
                                                </div>
                                                <div style="width: 30%;" class="yy-display-flex">
                                                    <i class="iconfont yy-margin-left-auto yy-display-inline-block icon-arrow_up"
                                                        style="transform: rotate(90deg);"></i>
                                                </div>
                                            </a>
                                        </li>
                                        <li class="yy-margin-left-5px">
                                            <a href="#"
                                                class="yy-display-block yy-flex-align-items-center yy-flex-justify-content-space-around yy-display-flex hot-itema">
                                                <div class="elip-1" style="width: 70%;">
                                                    <span
                                                        class="hot-list-box yy-display-inline-block yy-margin-right-5px">1</span>
                                                    <span>飞驰生11231231223123erasdasd死2</span>
                                                </div>
                                                <div style="width: 30%;" class="yy-display-flex">
                                                    <i class="iconfont yy-margin-left-auto yy-display-inline-block icon-arrow_up"
                                                        style="transform: rotate(90deg);"></i>
                                                </div>
                                            </a>
                                        </li>
                                        <li class="yy-margin-left-5px">
                                            <a href="#"
                                                class="yy-display-block yy-flex-align-items-center yy-flex-justify-content-space-around yy-display-flex hot-itema">
                                                <div class="elip-1" style="width: 70%;">
                                                    <span
                                                        class="hot-list-box yy-display-inline-block yy-margin-right-5px">1</span>
                                                    <span>飞驰生11231231223123erasdasd死2</span>
                                                </div>
                                                <div style="width: 30%;" class="yy-display-flex">
                                                    <i class="iconfont yy-margin-left-auto yy-display-inline-block icon-arrow_up"
                                                        style="transform: rotate(90deg);"></i>
                                                </div>
                                            </a>
                                        </li>
                                        <li class="yy-margin-left-5px">
                                            <a href="#"
                                                class="yy-display-block yy-flex-align-items-center yy-flex-justify-content-space-around yy-display-flex hot-itema">
                                                <div class="elip-1" style="width: 70%;">
                                                    <span
                                                        class="hot-list-box yy-display-inline-block yy-margin-right-5px">1</span>
                                                    <span>飞驰生11231231223123erasdasd死2</span>
                                                </div>
                                                <div style="width: 30%;" class="yy-display-flex">
                                                    <i class="iconfont yy-margin-left-auto yy-display-inline-block icon-arrow_up"
                                                        style="transform: rotate(90deg);"></i>
                                                </div>
                                            </a>
                                        </li>
                                        <li class="yy-margin-left-5px">
                                            <a href="#"
                                                class="yy-display-block yy-flex-align-items-center yy-flex-justify-content-space-around yy-display-flex hot-itema">
                                                <div class="elip-1" style="width: 70%;">
                                                    <span
                                                        class="hot-list-box yy-display-inline-block yy-margin-right-5px">1</span>
                                                    <span>飞驰生11231231223123erasdasd死2</span>
                                                </div>
                                                <div style="width: 30%;" class="yy-display-flex">
                                                    <i class="iconfont yy-margin-left-auto yy-display-inline-block icon-arrow_up"
                                                        style="transform: rotate(90deg);"></i>
                                                </div>
                                            </a>
                                        </li>
                                        <li class="yy-margin-left-5px">
                                            <a href="#"
                                                class="yy-display-block yy-flex-align-items-center yy-flex-justify-content-space-around yy-display-flex hot-itema">
                                                <div class="elip-1" style="width: 70%;">
                                                    <span
                                                        class="hot-list-box yy-display-inline-block yy-margin-right-5px">1</span>
                                                    <span>飞驰生11231231223123erasdasd死2</span>
                                                </div>
                                                <div style="width: 30%;" class="yy-display-flex">
                                                    <i class="iconfont yy-margin-left-auto yy-display-inline-block icon-arrow_up"
                                                        style="transform: rotate(90deg);"></i>
                                                </div>
                                            </a>
                                        </li>

                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="layui-col-md7">
                        <div class="layui-card">
                            <!-- <div class="layui-card-header">推荐</div> -->
                            <div class="layui-card-body">
                                <ul
                                    class="clearfix yy-display-flex yy-flex-justify-content-space-between yy-flex-wrap-wrap">
                                    <li class="clearfix-item">
                                        <a href="javascript:;"
                                            style="background: url('https://pic.wujinpp.com/upload/vod/20240513-1/0943426c02529164750ad2f633be3d6e.jpg') bottom no-repeat;"
                                            class="yy-position-relative crad-img yy-display-block">
                                            <span class="yy-position-absolute yy-absolute-b-5px-r-10px">更新到01集</span>
                                            <div class=" yy-absolute-z-bgc yy-position-relative">
                                                <i
                                                    class="yy-position-absolute iconfont icon-bofang yy-text-size-50px yy-absolute-centent yy-text-color2"></i>
                                            </div>
                                        </a>
                                        <div class="movie_info ">
                                            <h4 class="yy-text-font-weight-400 elip-1">
                                                <a href="#">名门绅士2：淑女之心之纯白之恋篇</a>
                                            </h4>
                                            <p class="elip-1 yy-margin-top-5px">Tate Henry myron,依莎亚·贺苏汪</p>

                                        </div>
                                    </li>
                                    <li class="clearfix-item">
                                        <a href="javascript:;"
                                            style="background: url('https://pic.wujinpp.com/upload/vod/20240513-1/0943426c02529164750ad2f633be3d6e.jpg') bottom no-repeat;"
                                            class="yy-position-relative crad-img yy-display-block">
                                            <span class="yy-position-absolute yy-absolute-b-5px-r-10px">更新到01集</span>
                                            <div class=" yy-absolute-z-bgc yy-position-relative">
                                                <i
                                                    class="yy-position-absolute iconfont icon-bofang yy-text-size-50px yy-absolute-centent yy-text-color2"></i>
                                            </div>
                                        </a>
                                        <div class="movie_info">
                                            <h4 class="yy-text-font-weight-400 elip-1">
                                                <a href="#">名门绅士2：淑女之心之纯白之恋篇</a>
                                            </h4>
                                            <p class="elip-1 yy-margin-top-5px">Tate Henry myron,依莎亚·贺苏汪</p>
                                        </div>
                                    </li>
                                    <li class="clearfix-item">
                                        <a href="javascript:;"
                                            style="background: url('https://pic.wujinpp.com/upload/vod/20240513-1/0943426c02529164750ad2f633be3d6e.jpg') bottom no-repeat;"
                                            class="yy-position-relative crad-img yy-display-block">
                                            <span class="yy-position-absolute yy-absolute-b-5px-r-10px">更新到01集</span>
                                            <div class=" yy-absolute-z-bgc yy-position-relative">
                                                <i
                                                    class="yy-position-absolute iconfont icon-bofang yy-text-size-50px yy-absolute-centent yy-text-color2"></i>
                                            </div>
                                        </a>
                                        <div class="movie_info">
                                            <h4 class="yy-text-font-weight-400 elip-1">
                                                <a href="#">名门绅士2：淑女之心之纯白之恋篇</a>
                                            </h4>
                                            <p class="elip-1 yy-margin-top-5px">Tate Henry myron,依莎亚·贺苏汪</p>
                                        </div>
                                    </li>
                                    <li class="clearfix-item">
                                        <a href="javascript:;"
                                            style="background: url('https://pic.wujinpp.com/upload/vod/20240513-1/0943426c02529164750ad2f633be3d6e.jpg') bottom no-repeat;"
                                            class="yy-position-relative crad-img yy-display-block">
                                            <span class="yy-position-absolute yy-absolute-b-5px-r-10px">更新到01集</span>
                                            <div class=" yy-absolute-z-bgc yy-position-relative">
                                                <i
                                                    class="yy-position-absolute iconfont icon-bofang yy-text-size-50px yy-absolute-centent yy-text-color2"></i>
                                            </div>
                                        </a>
                                        <div class="movie_info">
                                            <h4 class="yy-text-font-weight-400 elip-1">
                                                <a href="#">名门绅士2：淑女之心之纯白之恋篇</a>
                                            </h4>
                                            <p class="elip-1 yy-margin-top-5px">Tate Henry myron,依莎亚·贺苏汪</p>
                                        </div>
                                    </li>
                                    <li class="clearfix-item">
                                        <a href="javascript:;"
                                            style="background: url('https://pic.wujinpp.com/upload/vod/20240513-1/0943426c02529164750ad2f633be3d6e.jpg') bottom no-repeat;"
                                            class="yy-position-relative crad-img yy-display-block">
                                            <span class="yy-position-absolute yy-absolute-b-5px-r-10px">更新到01集</span>
                                            <div class=" yy-absolute-z-bgc yy-position-relative">
                                                <i
                                                    class="yy-position-absolute iconfont icon-bofang yy-text-size-50px yy-absolute-centent yy-text-color2"></i>
                                            </div>
                                        </a>
                                        <div class="movie_info">
                                            <h4 class="yy-text-font-weight-400 elip-1">
                                                <a href="#">名门绅士2：淑女之心之纯白之恋篇</a>
                                            </h4>
                                            <p class="elip-1 yy-margin-top-5px">Tate Henry myron,依莎亚·贺苏汪</p>
                                        </div>
                                    </li>
                                    <li class="clearfix-item">
                                        <a href="javascript:;"
                                            style="background: url('https://pic.wujinpp.com/upload/vod/20240513-1/0943426c02529164750ad2f633be3d6e.jpg') bottom no-repeat;"
                                            class="yy-position-relative crad-img yy-display-block">
                                            <span class="yy-position-absolute yy-absolute-b-5px-r-10px">更新到01集</span>
                                            <div class=" yy-absolute-z-bgc yy-position-relative">
                                                <i
                                                    class="yy-position-absolute iconfont icon-bofang yy-text-size-50px yy-absolute-centent yy-text-color2"></i>
                                            </div>
                                        </a>
                                        <div class="movie_info">
                                            <h4 class="yy-text-font-weight-400 elip-1">
                                                <a href="#">名门绅士2：淑女之心之纯白之恋篇</a>
                                            </h4>
                                            <p class="elip-1 yy-margin-top-5px">Tate Henry myron,依莎亚·贺苏汪</p>
                                        </div>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- 综艺 -->
<div class="layui-panel yy-margin-top-15px">
    <div style="padding: 15px;" class="yy-media5">
        <div class="layui-card">
            <div class="layui-card-header">
                <h3 class="yy-text-font-weight-400 yy-display-flex">
                    <span class="iconfont icon-13maikefeng-2"></span>
                    <span class="yy-margin-left-5px">综艺</span>
                    <span class="layui-breadcrumb  yy-margin-left-auto" lay-separator="|">
                        <a href="">娱乐</a>
                        <a href="">八卦</a>
                        <a href="">体育</a>
                        <a href="">搞笑</a>
                        <a href="">视频</a>
                        <a href="">游戏</a>
                        <a href="">综艺</a>
                    </span>
                    <a class="yy-margin-left-15px" href="javascript:;">
                        <span>更多</span>
                        <i class="iconfont yy-display-inline-block icon-arrow_up" style="transform: rotate(90deg);"></i>
                    </a>
                </h3>
            </div>
            <div class="layui-card-body">
                <div class="layui-row layui-col-space15">
                    <div class="layui-col-md5">
                        <div class="layui-card">
                            <div class="layui-card-header">
                                <i class="iconfont yy-text-color1 icon-superscript-"></i>
                                <span>热播版</span>
                            </div>
                            <div class="layui-card-body">
                                <div class="layui-scsa yy-display-flex">
                                    <div class="hot-banner-box yy-position-relative">
                                        <span style="color:#fff;"
                                            class=" yy-border-radius-5px yy-bgc-color4 yy-padding-lr-10px yy-absolute-tl-5px yy-position-absolute">Top1</span>
                                        <div class=" yy-absolute-z-bgc yy-position-relative">
                                            <a href="#" class="yy-position-absolute yy-absolute-centent"> <i
                                                    class=" iconfont icon-bofang yy-text-size-50px  yy-text-color2"></i></a>
                                        </div>
                                    </div>
                                    <ul class="hot-list">
                                        <li class="yy-margin-left-5px">
                                            <a href="#"
                                                class="yy-display-block yy-flex-align-items-center yy-flex-justify-content-space-around yy-display-flex hot-itema">
                                                <div class="elip-1" style="width: 70%;">
                                                    <span
                                                        class="hot-list-box yy-display-inline-block yy-margin-right-5px">1</span>
                                                    <span>飞驰生11231231223123erasdasd死2</span>
                                                </div>
                                                <div style="width: 30%;" class="yy-display-flex">
                                                    <i class="iconfont yy-margin-left-auto yy-display-inline-block icon-arrow_up"
                                                        style="transform: rotate(90deg);"></i>
                                                </div>
                                            </a>
                                        </li>
                                        <li class="yy-margin-left-5px">
                                            <a href="#"
                                                class="yy-display-block yy-flex-align-items-center yy-flex-justify-content-space-around yy-display-flex hot-itema">
                                                <div class="elip-1" style="width: 70%;">
                                                    <span
                                                        class="hot-list-box yy-display-inline-block yy-margin-right-5px">1</span>
                                                    <span>飞驰生11231231223123erasdasd死2</span>
                                                </div>
                                                <div style="width: 30%;" class="yy-display-flex">
                                                    <i class="iconfont yy-margin-left-auto yy-display-inline-block icon-arrow_up"
                                                        style="transform: rotate(90deg);"></i>
                                                </div>
                                            </a>
                                        </li>
                                        <li class="yy-margin-left-5px">
                                            <a href="#"
                                                class="yy-display-block yy-flex-align-items-center yy-flex-justify-content-space-around yy-display-flex hot-itema">
                                                <div class="elip-1" style="width: 70%;">
                                                    <span
                                                        class="hot-list-box yy-display-inline-block yy-margin-right-5px">1</span>
                                                    <span>飞驰生11231231223123erasdasd死2</span>
                                                </div>
                                                <div style="width: 30%;" class="yy-display-flex">
                                                    <i class="iconfont yy-margin-left-auto yy-display-inline-block icon-arrow_up"
                                                        style="transform: rotate(90deg);"></i>
                                                </div>
                                            </a>
                                        </li>
                                        <li class="yy-margin-left-5px">
                                            <a href="#"
                                                class="yy-display-block yy-flex-align-items-center yy-flex-justify-content-space-around yy-display-flex hot-itema">
                                                <div class="elip-1" style="width: 70%;">
                                                    <span
                                                        class="hot-list-box yy-display-inline-block yy-margin-right-5px">1</span>
                                                    <span>飞驰生11231231223123erasdasd死2</span>
                                                </div>
                                                <div style="width: 30%;" class="yy-display-flex">
                                                    <i class="iconfont yy-margin-left-auto yy-display-inline-block icon-arrow_up"
                                                        style="transform: rotate(90deg);"></i>
                                                </div>
                                            </a>
                                        </li>
                                        <li class="yy-margin-left-5px">
                                            <a href="#"
                                                class="yy-display-block yy-flex-align-items-center yy-flex-justify-content-space-around yy-display-flex hot-itema">
                                                <div class="elip-1" style="width: 70%;">
                                                    <span
                                                        class="hot-list-box yy-display-inline-block yy-margin-right-5px">1</span>
                                                    <span>飞驰生11231231223123erasdasd死2</span>
                                                </div>
                                                <div style="width: 30%;" class="yy-display-flex">
                                                    <i class="iconfont yy-margin-left-auto yy-display-inline-block icon-arrow_up"
                                                        style="transform: rotate(90deg);"></i>
                                                </div>
                                            </a>
                                        </li>
                                        <li class="yy-margin-left-5px">
                                            <a href="#"
                                                class="yy-display-block yy-flex-align-items-center yy-flex-justify-content-space-around yy-display-flex hot-itema">
                                                <div class="elip-1" style="width: 70%;">
                                                    <span
                                                        class="hot-list-box yy-display-inline-block yy-margin-right-5px">1</span>
                                                    <span>飞驰生11231231223123erasdasd死2</span>
                                                </div>
                                                <div style="width: 30%;" class="yy-display-flex">
                                                    <i class="iconfont yy-margin-left-auto yy-display-inline-block icon-arrow_up"
                                                        style="transform: rotate(90deg);"></i>
                                                </div>
                                            </a>
                                        </li>
                                        <li class="yy-margin-left-5px">
                                            <a href="#"
                                                class="yy-display-block yy-flex-align-items-center yy-flex-justify-content-space-around yy-display-flex hot-itema">
                                                <div class="elip-1" style="width: 70%;">
                                                    <span
                                                        class="hot-list-box yy-display-inline-block yy-margin-right-5px">1</span>
                                                    <span>飞驰生11231231223123erasdasd死2</span>
                                                </div>
                                                <div style="width: 30%;" class="yy-display-flex">
                                                    <i class="iconfont yy-margin-left-auto yy-display-inline-block icon-arrow_up"
                                                        style="transform: rotate(90deg);"></i>
                                                </div>
                                            </a>
                                        </li>
                                        <li class="yy-margin-left-5px">
                                            <a href="#"
                                                class="yy-display-block yy-flex-align-items-center yy-flex-justify-content-space-around yy-display-flex hot-itema">
                                                <div class="elip-1" style="width: 70%;">
                                                    <span
                                                        class="hot-list-box yy-display-inline-block yy-margin-right-5px">1</span>
                                                    <span>飞驰生11231231223123erasdasd死2</span>
                                                </div>
                                                <div style="width: 30%;" class="yy-display-flex">
                                                    <i class="iconfont yy-margin-left-auto yy-display-inline-block icon-arrow_up"
                                                        style="transform: rotate(90deg);"></i>
                                                </div>
                                            </a>
                                        </li>

                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="layui-col-md7">
                        <div class="layui-card">
                            <!-- <div class="layui-card-header">推荐</div> -->
                            <div class="layui-card-body">
                                <ul
                                    class="clearfix yy-display-flex yy-flex-justify-content-space-between yy-flex-wrap-wrap">
                                    <li class="clearfix-item">
                                        <a href="javascript:;"
                                            style="background: url('https://pic.wujinpp.com/upload/vod/20240513-1/0943426c02529164750ad2f633be3d6e.jpg') bottom no-repeat;"
                                            class="yy-position-relative crad-img yy-display-block">
                                            <span class="yy-position-absolute yy-absolute-b-5px-r-10px">更新到01集</span>
                                            <div class=" yy-absolute-z-bgc yy-position-relative">
                                                <i
                                                    class="yy-position-absolute iconfont icon-bofang yy-text-size-50px yy-absolute-centent yy-text-color2"></i>
                                            </div>
                                        </a>
                                        <div class="movie_info ">
                                            <h4 class="yy-text-font-weight-400 elip-1">
                                                <a href="#">名门绅士2：淑女之心之纯白之恋篇</a>
                                            </h4>
                                            <p class="elip-1 yy-margin-top-5px">Tate Henry myron,依莎亚·贺苏汪</p>

                                        </div>
                                    </li>
                                    <li class="clearfix-item">
                                        <a href="javascript:;"
                                            style="background: url('https://pic.wujinpp.com/upload/vod/20240513-1/0943426c02529164750ad2f633be3d6e.jpg') bottom no-repeat;"
                                            class="yy-position-relative crad-img yy-display-block">
                                            <span class="yy-position-absolute yy-absolute-b-5px-r-10px">更新到01集</span>
                                            <div class=" yy-absolute-z-bgc yy-position-relative">
                                                <i
                                                    class="yy-position-absolute iconfont icon-bofang yy-text-size-50px yy-absolute-centent yy-text-color2"></i>
                                            </div>
                                        </a>
                                        <div class="movie_info">
                                            <h4 class="yy-text-font-weight-400 elip-1">
                                                <a href="#">名门绅士2：淑女之心之纯白之恋篇</a>
                                            </h4>
                                            <p class="elip-1 yy-margin-top-5px">Tate Henry myron,依莎亚·贺苏汪</p>
                                        </div>
                                    </li>
                                    <li class="clearfix-item">
                                        <a href="javascript:;"
                                            style="background: url('https://pic.wujinpp.com/upload/vod/20240513-1/0943426c02529164750ad2f633be3d6e.jpg') bottom no-repeat;"
                                            class="yy-position-relative crad-img yy-display-block">
                                            <span class="yy-position-absolute yy-absolute-b-5px-r-10px">更新到01集</span>
                                            <div class=" yy-absolute-z-bgc yy-position-relative">
                                                <i
                                                    class="yy-position-absolute iconfont icon-bofang yy-text-size-50px yy-absolute-centent yy-text-color2"></i>
                                            </div>
                                        </a>
                                        <div class="movie_info">
                                            <h4 class="yy-text-font-weight-400 elip-1">
                                                <a href="#">名门绅士2：淑女之心之纯白之恋篇</a>
                                            </h4>
                                            <p class="elip-1 yy-margin-top-5px">Tate Henry myron,依莎亚·贺苏汪</p>
                                        </div>
                                    </li>
                                    <li class="clearfix-item">
                                        <a href="javascript:;"
                                            style="background: url('https://pic.wujinpp.com/upload/vod/20240513-1/0943426c02529164750ad2f633be3d6e.jpg') bottom no-repeat;"
                                            class="yy-position-relative crad-img yy-display-block">
                                            <span class="yy-position-absolute yy-absolute-b-5px-r-10px">更新到01集</span>
                                            <div class=" yy-absolute-z-bgc yy-position-relative">
                                                <i
                                                    class="yy-position-absolute iconfont icon-bofang yy-text-size-50px yy-absolute-centent yy-text-color2"></i>
                                            </div>
                                        </a>
                                        <div class="movie_info">
                                            <h4 class="yy-text-font-weight-400 elip-1">
                                                <a href="#">名门绅士2：淑女之心之纯白之恋篇</a>
                                            </h4>
                                            <p class="elip-1 yy-margin-top-5px">Tate Henry myron,依莎亚·贺苏汪</p>
                                        </div>
                                    </li>
                                    <li class="clearfix-item">
                                        <a href="javascript:;"
                                            style="background: url('https://pic.wujinpp.com/upload/vod/20240513-1/0943426c02529164750ad2f633be3d6e.jpg') bottom no-repeat;"
                                            class="yy-position-relative crad-img yy-display-block">
                                            <span class="yy-position-absolute yy-absolute-b-5px-r-10px">更新到01集</span>
                                            <div class=" yy-absolute-z-bgc yy-position-relative">
                                                <i
                                                    class="yy-position-absolute iconfont icon-bofang yy-text-size-50px yy-absolute-centent yy-text-color2"></i>
                                            </div>
                                        </a>
                                        <div class="movie_info">
                                            <h4 class="yy-text-font-weight-400 elip-1">
                                                <a href="#">名门绅士2：淑女之心之纯白之恋篇</a>
                                            </h4>
                                            <p class="elip-1 yy-margin-top-5px">Tate Henry myron,依莎亚·贺苏汪</p>
                                        </div>
                                    </li>
                                    <li class="clearfix-item">
                                        <a href="javascript:;"
                                            style="background: url('https://pic.wujinpp.com/upload/vod/20240513-1/0943426c02529164750ad2f633be3d6e.jpg') bottom no-repeat;"
                                            class="yy-position-relative crad-img yy-display-block">
                                            <span class="yy-position-absolute yy-absolute-b-5px-r-10px">更新到01集</span>
                                            <div class=" yy-absolute-z-bgc yy-position-relative">
                                                <i
                                                    class="yy-position-absolute iconfont icon-bofang yy-text-size-50px yy-absolute-centent yy-text-color2"></i>
                                            </div>
                                        </a>
                                        <div class="movie_info">
                                            <h4 class="yy-text-font-weight-400 elip-1">
                                                <a href="#">名门绅士2：淑女之心之纯白之恋篇</a>
                                            </h4>
                                            <p class="elip-1 yy-margin-top-5px">Tate Henry myron,依莎亚·贺苏汪</p>
                                        </div>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- 动漫 -->
<div class="layui-panel yy-margin-top-15px">
    <div style="padding: 15px;" class="yy-media5">
        <div class="layui-card">
            <div class="layui-card-header">
                <h3 class="yy-text-font-weight-400 yy-display-flex">
                    <span class="iconfont icon-dongman"></span>
                    <span class="yy-margin-left-5px">动漫</span>
                    <span class="layui-breadcrumb  yy-margin-left-auto" lay-separator="|">
                        <a href="">娱乐</a>
                        <a href="">八卦</a>
                        <a href="">体育</a>
                        <a href="">搞笑</a>
                        <a href="">视频</a>
                        <a href="">游戏</a>
                        <a href="">综艺</a>
                    </span>
                    <a class="yy-margin-left-15px" href="javascript:;">
                        <span>更多</span>
                        <i class="iconfont yy-display-inline-block icon-arrow_up" style="transform: rotate(90deg);"></i>
                    </a>
                </h3>
            </div>
            <div class="layui-card-body">
                <div class="layui-row layui-col-space15">
                    <div class="layui-col-md5">
                        <div class="layui-card">
                            <div class="layui-card-header">
                                <i class="iconfont yy-text-color1 icon-superscript-"></i>
                                <span>热播版</span>
                            </div>
                            <div class="layui-card-body">
                                <div class="layui-scsa yy-display-flex">
                                    <div class="hot-banner-box yy-position-relative">
                                        <span style="color:#fff;"
                                            class=" yy-border-radius-5px yy-bgc-color4 yy-padding-lr-10px yy-absolute-tl-5px yy-position-absolute">Top1</span>
                                        <div class=" yy-absolute-z-bgc yy-position-relative">
                                            <a href="#" class="yy-position-absolute yy-absolute-centent"> <i
                                                    class=" iconfont icon-bofang yy-text-size-50px  yy-text-color2"></i></a>
                                        </div>
                                    </div>
                                    <ul class="hot-list">
                                        <li class="yy-margin-left-5px">
                                            <a href="#"
                                                class="yy-display-block yy-flex-align-items-center yy-flex-justify-content-space-around yy-display-flex hot-itema">
                                                <div class="elip-1" style="width: 70%;">
                                                    <span
                                                        class="hot-list-box yy-display-inline-block yy-margin-right-5px">1</span>
                                                    <span>飞驰生11231231223123erasdasd死2</span>
                                                </div>
                                                <div style="width: 30%;" class="yy-display-flex">
                                                    <i class="iconfont yy-margin-left-auto yy-display-inline-block icon-arrow_up"
                                                        style="transform: rotate(90deg);"></i>
                                                </div>
                                            </a>
                                        </li>
                                        <li class="yy-margin-left-5px">
                                            <a href="#"
                                                class="yy-display-block yy-flex-align-items-center yy-flex-justify-content-space-around yy-display-flex hot-itema">
                                                <div class="elip-1" style="width: 70%;">
                                                    <span
                                                        class="hot-list-box yy-display-inline-block yy-margin-right-5px">1</span>
                                                    <span>飞驰生11231231223123erasdasd死2</span>
                                                </div>
                                                <div style="width: 30%;" class="yy-display-flex">
                                                    <i class="iconfont yy-margin-left-auto yy-display-inline-block icon-arrow_up"
                                                        style="transform: rotate(90deg);"></i>
                                                </div>
                                            </a>
                                        </li>
                                        <li class="yy-margin-left-5px">
                                            <a href="#"
                                                class="yy-display-block yy-flex-align-items-center yy-flex-justify-content-space-around yy-display-flex hot-itema">
                                                <div class="elip-1" style="width: 70%;">
                                                    <span
                                                        class="hot-list-box yy-display-inline-block yy-margin-right-5px">1</span>
                                                    <span>飞驰生11231231223123erasdasd死2</span>
                                                </div>
                                                <div style="width: 30%;" class="yy-display-flex">
                                                    <i class="iconfont yy-margin-left-auto yy-display-inline-block icon-arrow_up"
                                                        style="transform: rotate(90deg);"></i>
                                                </div>
                                            </a>
                                        </li>
                                        <li class="yy-margin-left-5px">
                                            <a href="#"
                                                class="yy-display-block yy-flex-align-items-center yy-flex-justify-content-space-around yy-display-flex hot-itema">
                                                <div class="elip-1" style="width: 70%;">
                                                    <span
                                                        class="hot-list-box yy-display-inline-block yy-margin-right-5px">1</span>
                                                    <span>飞驰生11231231223123erasdasd死2</span>
                                                </div>
                                                <div style="width: 30%;" class="yy-display-flex">
                                                    <i class="iconfont yy-margin-left-auto yy-display-inline-block icon-arrow_up"
                                                        style="transform: rotate(90deg);"></i>
                                                </div>
                                            </a>
                                        </li>
                                        <li class="yy-margin-left-5px">
                                            <a href="#"
                                                class="yy-display-block yy-flex-align-items-center yy-flex-justify-content-space-around yy-display-flex hot-itema">
                                                <div class="elip-1" style="width: 70%;">
                                                    <span
                                                        class="hot-list-box yy-display-inline-block yy-margin-right-5px">1</span>
                                                    <span>飞驰生11231231223123erasdasd死2</span>
                                                </div>
                                                <div style="width: 30%;" class="yy-display-flex">
                                                    <i class="iconfont yy-margin-left-auto yy-display-inline-block icon-arrow_up"
                                                        style="transform: rotate(90deg);"></i>
                                                </div>
                                            </a>
                                        </li>
                                        <li class="yy-margin-left-5px">
                                            <a href="#"
                                                class="yy-display-block yy-flex-align-items-center yy-flex-justify-content-space-around yy-display-flex hot-itema">
                                                <div class="elip-1" style="width: 70%;">
                                                    <span
                                                        class="hot-list-box yy-display-inline-block yy-margin-right-5px">1</span>
                                                    <span>飞驰生11231231223123erasdasd死2</span>
                                                </div>
                                                <div style="width: 30%;" class="yy-display-flex">
                                                    <i class="iconfont yy-margin-left-auto yy-display-inline-block icon-arrow_up"
                                                        style="transform: rotate(90deg);"></i>
                                                </div>
                                            </a>
                                        </li>
                                        <li class="yy-margin-left-5px">
                                            <a href="#"
                                                class="yy-display-block yy-flex-align-items-center yy-flex-justify-content-space-around yy-display-flex hot-itema">
                                                <div class="elip-1" style="width: 70%;">
                                                    <span
                                                        class="hot-list-box yy-display-inline-block yy-margin-right-5px">1</span>
                                                    <span>飞驰生11231231223123erasdasd死2</span>
                                                </div>
                                                <div style="width: 30%;" class="yy-display-flex">
                                                    <i class="iconfont yy-margin-left-auto yy-display-inline-block icon-arrow_up"
                                                        style="transform: rotate(90deg);"></i>
                                                </div>
                                            </a>
                                        </li>
                                        <li class="yy-margin-left-5px">
                                            <a href="#"
                                                class="yy-display-block yy-flex-align-items-center yy-flex-justify-content-space-around yy-display-flex hot-itema">
                                                <div class="elip-1" style="width: 70%;">
                                                    <span
                                                        class="hot-list-box yy-display-inline-block yy-margin-right-5px">1</span>
                                                    <span>飞驰生11231231223123erasdasd死2</span>
                                                </div>
                                                <div style="width: 30%;" class="yy-display-flex">
                                                    <i class="iconfont yy-margin-left-auto yy-display-inline-block icon-arrow_up"
                                                        style="transform: rotate(90deg);"></i>
                                                </div>
                                            </a>
                                        </li>

                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="layui-col-md7">
                        <div class="layui-card">
                            <!-- <div class="layui-card-header">推荐</div> -->
                            <div class="layui-card-body">
                                <ul
                                    class="clearfix yy-display-flex yy-flex-justify-content-space-between yy-flex-wrap-wrap">
                                    <li class="clearfix-item">
                                        <a href="javascript:;"
                                            style="background: url('https://pic.wujinpp.com/upload/vod/20240513-1/0943426c02529164750ad2f633be3d6e.jpg') bottom no-repeat;"
                                            class="yy-position-relative crad-img yy-display-block">
                                            <span class="yy-position-absolute yy-absolute-b-5px-r-10px">更新到01集</span>
                                            <div class=" yy-absolute-z-bgc yy-position-relative">
                                                <i
                                                    class="yy-position-absolute iconfont icon-bofang yy-text-size-50px yy-absolute-centent yy-text-color2"></i>
                                            </div>
                                        </a>
                                        <div class="movie_info ">
                                            <h4 class="yy-text-font-weight-400 elip-1">
                                                <a href="#">名门绅士2：淑女之心之纯白之恋篇</a>
                                            </h4>
                                            <p class="elip-1 yy-margin-top-5px">Tate Henry myron,依莎亚·贺苏汪</p>

                                        </div>
                                    </li>
                                    <li class="clearfix-item">
                                        <a href="javascript:;"
                                            style="background: url('https://pic.wujinpp.com/upload/vod/20240513-1/0943426c02529164750ad2f633be3d6e.jpg') bottom no-repeat;"
                                            class="yy-position-relative crad-img yy-display-block">
                                            <span class="yy-position-absolute yy-absolute-b-5px-r-10px">更新到01集</span>
                                            <div class=" yy-absolute-z-bgc yy-position-relative">
                                                <i
                                                    class="yy-position-absolute iconfont icon-bofang yy-text-size-50px yy-absolute-centent yy-text-color2"></i>
                                            </div>
                                        </a>
                                        <div class="movie_info">
                                            <h4 class="yy-text-font-weight-400 elip-1">
                                                <a href="#">名门绅士2：淑女之心之纯白之恋篇</a>
                                            </h4>
                                            <p class="elip-1 yy-margin-top-5px">Tate Henry myron,依莎亚·贺苏汪</p>
                                        </div>
                                    </li>
                                    <li class="clearfix-item">
                                        <a href="javascript:;"
                                            style="background: url('https://pic.wujinpp.com/upload/vod/20240513-1/0943426c02529164750ad2f633be3d6e.jpg') bottom no-repeat;"
                                            class="yy-position-relative crad-img yy-display-block">
                                            <span class="yy-position-absolute yy-absolute-b-5px-r-10px">更新到01集</span>
                                            <div class=" yy-absolute-z-bgc yy-position-relative">
                                                <i
                                                    class="yy-position-absolute iconfont icon-bofang yy-text-size-50px yy-absolute-centent yy-text-color2"></i>
                                            </div>
                                        </a>
                                        <div class="movie_info">
                                            <h4 class="yy-text-font-weight-400 elip-1">
                                                <a href="#">名门绅士2：淑女之心之纯白之恋篇</a>
                                            </h4>
                                            <p class="elip-1 yy-margin-top-5px">Tate Henry myron,依莎亚·贺苏汪</p>
                                        </div>
                                    </li>
                                    <li class="clearfix-item">
                                        <a href="javascript:;"
                                            style="background: url('https://pic.wujinpp.com/upload/vod/20240513-1/0943426c02529164750ad2f633be3d6e.jpg') bottom no-repeat;"
                                            class="yy-position-relative crad-img yy-display-block">
                                            <span class="yy-position-absolute yy-absolute-b-5px-r-10px">更新到01集</span>
                                            <div class=" yy-absolute-z-bgc yy-position-relative">
                                                <i
                                                    class="yy-position-absolute iconfont icon-bofang yy-text-size-50px yy-absolute-centent yy-text-color2"></i>
                                            </div>
                                        </a>
                                        <div class="movie_info">
                                            <h4 class="yy-text-font-weight-400 elip-1">
                                                <a href="#">名门绅士2：淑女之心之纯白之恋篇</a>
                                            </h4>
                                            <p class="elip-1 yy-margin-top-5px">Tate Henry myron,依莎亚·贺苏汪</p>
                                        </div>
                                    </li>
                                    <li class="clearfix-item">
                                        <a href="javascript:;"
                                            style="background: url('https://pic.wujinpp.com/upload/vod/20240513-1/0943426c02529164750ad2f633be3d6e.jpg') bottom no-repeat;"
                                            class="yy-position-relative crad-img yy-display-block">
                                            <span class="yy-position-absolute yy-absolute-b-5px-r-10px">更新到01集</span>
                                            <div class=" yy-absolute-z-bgc yy-position-relative">
                                                <i
                                                    class="yy-position-absolute iconfont icon-bofang yy-text-size-50px yy-absolute-centent yy-text-color2"></i>
                                            </div>
                                        </a>
                                        <div class="movie_info">
                                            <h4 class="yy-text-font-weight-400 elip-1">
                                                <a href="#">名门绅士2：淑女之心之纯白之恋篇</a>
                                            </h4>
                                            <p class="elip-1 yy-margin-top-5px">Tate Henry myron,依莎亚·贺苏汪</p>
                                        </div>
                                    </li>
                                    <li class="clearfix-item">
                                        <a href="javascript:;"
                                            style="background: url('https://pic.wujinpp.com/upload/vod/20240513-1/0943426c02529164750ad2f633be3d6e.jpg') bottom no-repeat;"
                                            class="yy-position-relative crad-img yy-display-block">
                                            <span class="yy-position-absolute yy-absolute-b-5px-r-10px">更新到01集</span>
                                            <div class=" yy-absolute-z-bgc yy-position-relative">
                                                <i
                                                    class="yy-position-absolute iconfont icon-bofang yy-text-size-50px yy-absolute-centent yy-text-color2"></i>
                                            </div>
                                        </a>
                                        <div class="movie_info">
                                            <h4 class="yy-text-font-weight-400 elip-1">
                                                <a href="#">名门绅士2：淑女之心之纯白之恋篇</a>
                                            </h4>
                                            <p class="elip-1 yy-margin-top-5px">Tate Henry myron,依莎亚·贺苏汪</p>
                                        </div>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- 友情链接 -->
<div class="layui-panel yy-margin-top-15px">
    <div style="padding: 15px;" class="yy-media5">
        <div class="layui-card">
            <div class="layui-card-header">
                <h3 class="yy-text-font-weight-400 yy-display-flex">
                    <span class="iconfont icon-youqinglianjie-lianjie"></span>
                    <span class="yy-margin-left-5px">友情链接</span>
                </h3>
            </div>
            <div class="layui-card-body">
                <span class="layui-breadcrumb" lay-separator="|">
                    <a href="">娱乐</a>
                    <a href="">八卦</a>
                    <a href="">体育</a>
                    <a href="">搞笑</a>
                    <a href="">视频</a>
                    <a href="">游戏</a>
                    <a href="">综艺</a>
                    <a href="">娱乐</a>
                    <a href="">八卦</a>
                    <a href="">体育</a>
                    <a href="">搞笑</a>
                    <a href="">视频</a>
                    <a href="">游戏</a>
                    <a href="">综艺</a>
                    <a href="">娱乐</a>
                    <a href="">八卦</a>
                    <a href="">体育</a>
                    <a href="">搞笑</a>
                    <a href="">视频</a>
                    <a href="">游戏</a>
                    <a href="">综艺</a>
                    <a href="">娱乐</a>
                    <a href="">八卦</a>
                    <a href="">体育</a>
                    <a href="">搞笑</a>
                    <a href="">视频</a>
                    <a href="">游戏</a>
                    <a href="">综艺</a>
                    <a href="">娱乐</a>
                    <a href="">八卦</a>
                    <a href="">体育</a>
                    <a href="">搞笑</a>
                    <a href="">视频</a>
                    <a href="">游戏</a>
                    <a href="">综艺</a>
                    <a href="">娱乐</a>
                    <a href="">八卦</a>
                    <a href="">体育</a>
                    <a href="">搞笑</a>
                    <a href="">视频</a>
                    <a href="">游戏</a>
                    <a href="">综艺</a>
                </span>
            </div>
        </div>
    </div>
</div>
{% include 'web1/footer.html' %}

{% endblock %}

{% block js %}
<script>
    layui.use(function () {
        var carousel = layui.carousel;
        // 渲染 - 常规轮播
        carousel.render({
            elem: '#ID-carousel-index-banner',
            width: 'auto'
        });

    });
</script>
{% endblock %}